<template>
    <div ref="MapView" class="MapView">
        <div class="control">
            按 F12 查看链接
        </div>
    </div>
</template>

<script>
import simpleMap from '../../components/simpleMap'
export default {
    data() { return {} },
    mounted() {
        simpleMap.QueryTask({
            url: "http://172.19.248.72:8001/SRRC_CQ/Arcgis/MonitorSender/PS/Query/MapServer/0?PSCode=PS-000000-01-0051-0021&BSCode=BS-000000-01-0051-0021&appCode=500000-01-0089&appPass=1ecba718",
            where: "Name_CHN like '%梁山%'",
            geometry: [[114.236, 41.228], [126.799, 38.373], [118.138, 32.853], [111.285, 33.709], [114.236, 41.228]],
        }).then(res => {
            console.log(res);
        })
    },
}
</script>

<style>
.MapView {
    width: 100%;
    height: 100%;
}

.layout {
    height: 100%;
    width: 100%;
}

.control {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px 20px;
    color: #000;
    z-index: 4;
}
.title {
    color: #fff;
}
.Text {
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
}
.itemBox {
    margin-bottom: 5px;
}
</style>